<template>
  <div class="app">
    <h1>{{msg}}</h1>
    <hr>
    <School/>
    <Student></Student>

  </div>

</template>
<script>
//引入组件
import School from "./components/School.vue";
import Student from "./components/Student.vue";

export default {
  name: 'App',
  components: {
    School: School,
    Student: Student
  },
  data:function (){
    return {
      msg:'你好啊',
    }
  },
}
</script>
<style scoped>

.app{
  background-color: gray;
  padding: 5px;
}


</style>
